<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	 <link rel="icon" href="./resources/login.ico">
	<title>上传文件</title>
	<link rel="stylesheet" type="text/css" href="../../bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../../bootstrap/css/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="../../bootstrap/css/init.css">
	<link rel="stylesheet" href="../../css/upload/fileinput.min.css"/>
	<link rel="stylesheet" href="../../css/threeD/style.css"/>
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>文件上传<span>You are welcome</span></h1>
			<div class="htmleaf-links">
				<a class="htmleaf-icon icon-htmleaf-home-outline" href="mainUI" title="首页" target="_blank"><span>首页</span></a>
				<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="showPlane" title="返回预览页面" target="_blank"><span>返回预览页面</span></a>
			</div>
		</header>
		<div class="container">
			<div class="site-content">
			<h2 class="section-title">预览</h2>
			<div class="project-list">
				<div class="project">
					<div class="project__card">
						<a href="" class="project__image"><img src="resources/images/001.jpg" width=600 height=400 alt=""/></a>
						<div class="project__detail">
							<h2 class="project__title"><a href="#">Project Name</a></h2>
							<small class="project__category"><a href="#">Photography</a></small>
						</div>
					</div>
				</div>
	
				<div class="project">
					<div class="project__card">
						<a href="" class="project__image"><img src="resources/images/002.jpg" width=600 height=400 alt=""/></a>
						<div class="project__detail">
							<h2 class="project__title"><a href="#">Project Name</a></h2>
							<small class="project__category"><a href="#">Photography</a></small>
						</div>
					</div>
				</div>
			</div>			
			<div class="row">
				<div class="col-sm-12">
                	<input id="file" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1">
                </div>
            </div>
		</div>
	</div>
	</div>
	
	<script src="../../jquery/jquery.min.js" type="text/javascript"></script>
	<script src="../../js/upload/fileinput.min.js"></script>
	<script src="../../js/upload/fileinput_locale_zh.js"></script>
	<script src="../../js/threeD/jquery.hover3d.min.js" ></script>
	<script type="text/javascript">
	
		$(document).ready(function(){
			$(".project").hover3d({
				selector: ".project__card",
				shine: true,
			});
	
			$(".movie").hover3d({
				selector: ".movie__card",
				shine: true,
				sensitivity: 20,
			});
		});
	
		$("#file").fileinput({
	        uploadUrl: '/uploadServlet', // you must set a valid URL here else you will get an error
	        allowedFileExtensions : ['jpg','png','gif','mp4', 'txt'],
	        overwriteInitial: false,
	        maxFileSize: 100000000,
	        maxFilesNum: 100,
	        dropZoneTitle:'',
	        allowedFileTypes: ['image', 'video', 'flash', 'text'],
	        slugCallback: function(filename) {
	            return filename.replace('(', '_').replace(']', '_');
	        }
		});
	</script>
</body>
</html>